| antd FormItem嵌套FormItem的适用场景 | 您所在的位置：网站首页 › antd3升级 antd4 formitem宽度 › antd FormItem嵌套FormItem的适用场景 |
antd FormItem嵌套FormItem的适用场景
|
需求：表单中需要在item后面添加文字备注，如果不使用FormItem嵌套FormItem时，编辑操作的时候会出现回填不成功的问题。
当不使用formItem嵌套的时候：这时候点击编辑的时候，数据获取到了但是没有在页面中回填，原因是中的根元素只能是一个表单控件标签，不能是或者是等。 const formData = [ { id: 'name', label: '广告名称', rules: [{ required: true, message:'请输入' }], children: 表单项的备注说明--广告名称 , }, { id: 'position', label: '广告位置', rules: [{ required: true, message:'请选择' }], children: { setPosition(value); form.setFieldsValue({ position: value, }); }} > {positionOption} 表单项的备注说明--广告位置 , }, ] { span: 2 }} wrapperCol={{ span: 16 }}> {formData.map(({ id, label, rules, hidden, children, remark }) => { return ( {children} {remark} ); })}这时候就解决了编辑时回填的问题。 这时候又会出现另一个问题就是：“必填项的红色*在页面中没有出现，也就是绑定rules后红色*必填提示没有生效”，这时解决这个问题的办法就是在标签中手动添加 required属性。 |
【本文地址】
公司简介
联系我们